<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>2018/12/20</title>
    <script src="./node_modules/axios/dist/axios.min.js"></script>
    <!--好的代码像粥一样,是得用时间和精力熬的。-->
</head>
<body>
<button>获取数据</button>
<button>获取数据1</button>
<button>获取数据2</button>
<button>获取数据3</button>
</body>
<script>
    var btn = document.getElementsByTagName('button')[0];
    btn.onclick = function () {
      axios.get('./user.json')
          .then(function (res) {
             console.log(res.data) ;
          })
          .catch(function (err) {
              console.log(err) ;
          })
    };
    var btn1 = document.getElementsByTagName('button')[1];
    function getA() {
        return axios.get('./a.json');
    }
    function getUser() {
        return axios.get('./user.json');
    }

    btn1.onclick = function () {
        axios.all([getA(),getUser()])
            .then(axios.spread(function (a,b) {
                console.log([a.data,b.data]);
            }));
    };
    var btn2 = document.getElementsByTagName('button')[2];
    btn2.onclick = function () {
     axios.get('http://10.10.36.204:8080/user',{
         params:{
             uid:12345,
             tel:12323143567,
             gender:0,
             age:18
         }
         .then(function () {})
         .catch(function () {})
     })
    };
    var btn3 = document.getElementsByTagName('button')[3];
    btn3.onclick = function () {
      axios.get('http://www.mxnzp.com/api/address/search?type=0&value=武汉')
          .then(function (res) {
              //if(code === 1){
                  console.log(res.data);
              // }else{
              //     console.warn(res.data);
              // }

          })
          .catch(function (err) {
              console.error(err);
          })
    }


    /*
    地址：http://10.10.36.204:8080
    api:/user
    参数：用户ID 手机号  性别    年龄
         uid    tel   gender  age
    method:get

    成功返回的示例：
    {
    code:1,
    status:'ok',
    msg:'请求成功',
    data:{
    name:'xx',
    age:'xx',
    gender:'xx',
    tel:'xx',
    ...
    }
    }
     失败返回的示例：
    {
    code:-1,
    status:'error',
    msg:'请求失败,用户不存在',
    data:{}
    }
  */

</script>
</html>
